<template>
	<view class="uni-fixed-bottom" :style="{bottom: bottom,right: right}" @click="onClick()">
		<u-icon name="plus" size="80rpx" color="#fff" bold />
	</view>
</template>

<script>
	export default {
		name: 'fixed-button',
		props: {
			bottom: {
				type: String,
				default: '60px'
			},
			right: {
				type: String,
				default: '30px'
			}
		},
		methods: {
			onClick() {
				this.$emit("click")
			}
		}
	}
</script>

<style lang="scss">
	.uni-fixed-bottom {
		padding: 20rpx;
		position: fixed;
		bottom: 60px;
		right: 30px;
		background-color: #19be6b;
		transform: translateZ(0);
		bottom: env(safe-area-inset-bottom);
		box-shadow: 0 #b4b4b4;
		border-radius: 50%;
		bottom: constant(safe-area-inset-bottom);
	}
</style>
